﻿@charset "utf-8";
/* CSS Document */
/*banner图*/
	/* flexslider   banner */
.flexslider,
.flexslider .slides li { position: relative; overflow: hidden;}
.flex-viewport,.flexslider .slides,.flexslider .slides li,.flexslider .slides li .abox,.flexslider .slides li .abox .img { display: block; width:100%; height:100%;}

		/*按钮*/
.flex-direction-nav { display:none;}
.flex-control-nav { display:block; width:100%; position:absolute; bottom:0; text-align:center; z-index:55;}
.flex-control-nav li { display:inline-block; zoom:1; *display:inline;}
.flex-control-nav li a { display: block; overflow: hidden; text-indent: -99em; cursor: pointer;}

	/*banner图基本设置到此*/
.banner_1001 { position:relative;}
#banner_1001 { width:100%;}
#banner_1001 .slides li a.abox { width:2560px; position: relative; left:50%; margin-left:-1280px}
#banner_1001 .flex-control-nav { display:none; margin-bottom:10px;}
#banner_1001 .flex-control-nav li { margin:0 5px;}
#banner_1001 .flex-control-paging li a { background-image: url(../image/banner-1.png);background-position: center 0; width: 15px; height: 15px; }
.banner_1001_page { position:absolute; z-index:150; left:0; right:0; bottom:120px;}
.banner_1001_page .inside { width:120px; padding:0 20px; margin:0 auto; position:relative;}
.banner_1001_page .fybtn { display:block; width:20px; height:12px; position:absolute; top:8px;}
.banner_1001_page .fybtn.prev { left:0; background-image:url(../image/p-banner_1001_page-1-1.png);}
.banner_1001_page .fybtn.next { right:0; background-image:url(../image/p-banner_1001_page-1-2.png);}
.banner_1001_page .shownum { float:left; width:60px; color:#ffffff; font-size:20px; line-height:30px; text-align:center;}
.banner_1001_page .shownum.now {}
.banner_1001_page .shownum.all { opacity:0.6;}
/*act*/
#banner_1001 .flex-control-paging li a.flex-active { background-position: center -15px;}
.banner_1001_page .fybtn.prev:hover { background-image:url(../image/p-banner_1001_page-1-1on.png);}
.banner_1001_page .fybtn.next:hover { background-image:url(../image/p-banner_1001_page-1-2on.png);}
/*act*/

			/*板块标题*/
.title_1001 {}
.title_1001_in { position:relative;}
.title_1001 .text_item_1 {}
.title_1001 .text_item_1 .text_1 { color:#242424; font-size:12px; line-height:16px;}
.title_1001 .text_item_1 .text_2 { color:#393939; font-size:30px; line-height:36px; font-weight:bold; margin-top:5px;}
.title_1001 .text_item_1 .text_3 { margin-top:13px; width:120px; height:1px; background-color:#3866cf;}
.title_1001 .text_item_2 { position:absolute; top:20px; left:162px; width:770px; color:#707581; font-size:14px; line-height:24px;}
.title_1001 .text_item_3 { position:absolute; right:0; bottom:8px;}
.title_1001 .text_item_3 .abox { display:block; float:left; color:#7e7e7f; font-size:16px; line-height:24px;}
.title_1001 .text_item_3 .abox+.abox { margin-left:36px;}
.title_1001 .text_item_4 { position:absolute; top:36px; right:0; color:#aac1f2; font-size:16px; line-height:24px; padding-right:36px; background-image:url(../image/p-title_1001_text_item_4-1-1.png); background-position: right center;}
.title_1001 .text_item_5 { position:absolute; right:0; bottom:10px; width:104px;}
.title_1001 .text_item_5 .btn { display:block; width:45px; height:45px; background-position: center center; border:1px solid #426dd1; border-radius:50%;}
.title_1001 .text_item_5 .btn.prev { float:left; background-image:url(../image/p-title_1001_text_item_5-1-1.png);}
.title_1001 .text_item_5 .btn.next { float:right; background-image:url(../image/p-title_1001_text_item_5-1-2.png);}
.title_1001 .text_item_6 { position:absolute; right:0; bottom:13px;}
.title_1001 .text_item_6 .item { float:left; width:13px; height:13px; display:flex; align-items:center; justify-content:center; margin-left:6px;}
.title_1001 .text_item_6 .item .btn { display:block; width:9px; height:9px; background-color:#dcdcdc; border-radius:50%;}
/*act*/
.title_1001 .text_item_4:hover { color:#ffffff;}
.title_1001 .text_item_3 .abox.on,
.title_1001 .text_item_3 .abox:hover { color:#3866cf; text-decoration: underline;}
.title_1001 .text_item_5 .btn:hover { background-color:#3866cf;}
.title_1001 .text_item_5 .btn.prev:hover { background-image:url(../image/p-title_1001_text_item_5-1-1on.png);}
.title_1001 .text_item_5 .btn.next:hover { background-image:url(../image/p-title_1001_text_item_5-1-2on.png);}
.title_1001 .text_item_6 .item .btn.on { width:13px; height:13px; background-color:#315ebe;}
/*act*/

			/*板块标题2*/
.title_1002 {}
.title_1002_in { position:relative;}
.title_1002_in .text_item_1 { color:#315ebe; font-size:20px; line-height:24px;}
.title_1002_in .text_item_2 { color:#959595; font-size:16px; line-height:24px; padding-right:36px; position:absolute; right:0; top:0; background-image:url(../image/p-c1005_main_6_main_item_1-1-1.png); background-position: right center;}
/*
<div class="title_1001">
	<div class="title_1001_in">
		<div class="text_item_1">
			<div class="text_1">Case</div>
			<div class="text_2">案例</div>
			<div class="text_3"></div>
		</div>
		<div class="text_item_2">
			<div class="text_1">我们已拥有了从企业上网基础服务、企业网站建设、程序应用服务平台、网络营销、电子商务、软件开发、智能控制等各方面的专业人才，熟练掌握B/S结构的应用软件开发</div>
		</div>
		<div class="text_item_3">
			<a href="" class="abox">产品分类1</a>
			<a href="" class="abox">产品分类2</a>
			<a href="" class="abox">产品分类3</a>
			<a href="" class="abox">产品分类4</a>
			<a href="" class="abox">产品分类5</a>
			<a href="" class="abox">产品分类6</a>
		</div>
		<a href="" class="text_item_4">查看更多</a>
		<div class="text_item_5">
			<a href="" class="btn prev"></a>
			<a href="" class="btn next"></a>
		</div>
		<div class="text_item_6">
			<div class="item">
				<a href="" class="btn"></a>
			</div>
			<div class="item">
				<a href="" class="btn on"></a>
			</div>
			<div class="item">
				<a href="" class="btn"></a>
			</div>
		</div>
	</div>
</div>
*/

		/*居中的更多按钮*/
.btnbox_1001 {}
.mybtn_1001,
.btnbox_1001 .btn { display:block; color:#3866cf; font-size:16px; line-height:48px; text-align:center; width:198px; border:1px solid #3866cf; border-radius:25px;}
.btnbox_1001 .btn { margin:0 auto;}
/*act*/
.mybtn_1001:hover,
.btnbox_1001 .btn:hover { color:#ffffff; background-color:#3866cf;}
/*act*/
		/*带图标的按钮*/
.mybtn_1002 { display:block; width:198px; font-size:0; text-align:center; padding:12px 0; border:1px solid #3866cf; background-color:rgba(255,255,255,0.3); border-radius:25px;}
.mybtn_1002 .spanbox { display:inline-block; position:relative; width:138px;}
.mybtn_1002 .iconbox { position:absolute; top:0; left:0; width:24px; height:24px;}
.mybtn_1002 .iconbox .icon { display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.mybtn_1002 .iconbox .icon.no1 { display:block;}
.mybtn_1002 .iconbox .icon.no2 { display:none;}
.mybtn_1002 .btn_text_1 { color:#3866cf; font-size:16px; line-height:24px; text-align:center; margin-left:24px;}

.mybtn_1002.mode1 { background-color:#3866cf;}
.mybtn_1002.mode1 .iconbox .icon.no1 { display:none;}
.mybtn_1002.mode1 .iconbox .icon.no2 { display:block;}
.mybtn_1002.mode1 .btn_text_1 { color:#ffffff;}
/*act*/
.mybtn_1002.mode1:hover { background-color:#305ec6;}
.mybtn_1002.mode2:hover { background-color:#ffffff;}
/*
.mybtn_1002.on,
.mybtn_1002:hover { background-color:#3866cf;}
.mybtn_1002.on .iconbox .icon.no1,
.mybtn_1002:hover .iconbox .icon.no1 { display:none;}
.mybtn_1002.on .iconbox .icon.no2,
.mybtn_1002:hover .iconbox .icon.no2 { display:block;}
.mybtn_1002.on .btn_text_1,
.mybtn_1002:hover .btn_text_1 { color:#ffffff;}
*/
/*act*/


		/*图文、图片列表*/
.list_1001,
,list_1002,
.list_1003,
.list_1004 { position:relative; overflow:hidden;}
.list_1001 ul,
.list_1002 ul,
.list_1003 ul,
.list_1004 ul { width:1400px;}
.list_1001 ul li:nth-child(1),
.list_1001 ul li:nth-child(2),
.list_1001 ul li:nth-child(3),
.list_1002 ul li:nth-child(1),
.list_1002 ul li:nth-child(2),
.list_1002 ul li:nth-child(3),
.list_1003 ul li:nth-child(1),
.list_1003 ul li:nth-child(2),
.list_1003 ul li:nth-child(3),
.list_1003 ul li:nth-child(4),
.list_1004 ul li:nth-child(1),
.list_1004 ul li:nth-child(2) { margin-top:0;}

			/*产品中心列表 i1004_main_2*/
.list_1001 {}
.list_1001 ul {}
.list_1001 ul li { float:left; margin-top:26px; padding-right:35px; width:410px !important; height:304px !important;}
.list_1001 ul li .abox { display:block; width:410px;}
.list_1001 ul li .abox_in {}
.list_1001 ul li .abox .imgbox { height:244px;}
.list_1001 ul li .abox .imgbox .img {}
.list_1001 ul li .abox .imgbox .zgbox { display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3) url(../image/p-list_1001-1-1.png) no-repeat center center;}
.list_1001 ul li .abox .textbox { padding: 0 20px;}
.list_1001 ul li .abox .textbox .text_item_1 { color:#313131; font-size:16px; line-height:60px; text-align:center;}
/*act*/
.list_1001 ul li .abox:hover .imgbox .zgbox { display:block;}
.list_1001 ul li .abox:hover .textbox { background-color:#3866cf;}
.list_1001 ul li .abox:hover .textbox .text_item_1 { color:#ffffff;}
/*act*/

			/*新闻资讯 i1006_main_2*/
.list_1002 {}
.list_1002 ul {}
.list_1002 ul li { float:left; margin-top:40px; padding-right:35px;}
.list_1002 ul li .abox { display:block; width:410px;}
.list_1002 ul li .abox_in {}
.list_1002 ul li .abox .imgbox { height:244px;}
.list_1002 ul li .abox .imgbox .img {}
.list_1002 ul li .abox .imgbox .zgbox { display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3) url(../image/p-list_1001-1-1.png) no-repeat center center;}
.list_1002 ul li .abox .textbox { padding: 26px 20px 22px 20px;}
.list_1002 ul li .abox .textbox .text_item_1 { color:#313131; font-size:18px; line-height:24px;}
.list_1002 ul li .abox .textbox .text_item_2 { color:#999999; font-size:14px; line-height:26px; height:52px; margin-top:14px;}
.list_1002 ul li .abox .textbox .text_item_3 { color:#999999; font-size:14px; line-height:20px; margin-top:7px;}
/*act*/
.list_1002 ul li .abox:hover .textbox { background-color:#3866cf;}
.list_1002 ul li .abox:hover .textbox .text_item_1 { color:#ffffff;}
.list_1002 ul li .abox:hover .textbox .text_item_2 { color:#b8ceff;}
.list_1002 ul li .abox:hover .textbox .text_item_3 { color:#b8ceff;}
/*act*/

			/*合作伙伴 i1008_main_2*/
.list_1003 {}
.list_1003 ul {}
.list_1003 ul li { float:left; margin-right:12px; margin-top:14px; float:left; width:auto !important;}
.list_1003 ul li .abox { display:block; width:316px; height:128px;}
.list_1003 ul li .abox .img { display:block; width:100%; height:100%;}


			/*精彩案例  c1005_item_5*/
.list_1004 {}
.list_1004 ul {}
.list_1004 ul li { float:left; margin:30px 30px 0 0; width:635px !important; height:250px !important;}
.list_1004 ul li .abox { display:block; width:635px; height:250px; background-color:#ffffff;}
.list_1004.hasbg2 ul li .abox { background-color:#eeeeee;}
.list_1004 ul li .abox_in { padding:35px 32px 0 32px;}
.list_1004 ul li .abox .imgbox { float:left; width:286px; height:170px; margin-top:5px;}
.list_1004 ul li .abox .imgbox .img { display:block; width:100%; height:100%;}
.list_1004 ul li .abox .textbox { margin:0 0 0 316px;}
.list_1004 ul li .abox .textbox .text_item_1 { color:#242424; font-size:20px; line-height:24px;}
.list_1004 ul li .abox .textbox .text_item_2 { margin-top:16px;}
.list_1004 ul li .abox .textbox .text_item_2 .text_1 { color:#7e7e7e; font-size:14px; line-height:24px;}
.list_1004 ul li .abox .textbox .text_item_2 .text_1 .cor2 { color:#525252;}
.list_1004 ul li .abox .textbox .text_item_3 { display:block; width:160px; border-radius:23px; margin-top:18px; position:relative; overflow:hidden; background-color:#4c75d4;}
.list_1004 ul li .abox .textbox .text_item_3 .text_1 { color:#ffffff; font-size:16px; line-height:46px; text-align:center;}
.list_1004 ul li .abox .textbox .text_item_3 .text_2 { color:#ffffff; font-size:16px; line-height:46px; text-align:center; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0;}
/*act*/
.list_1004 ul li .abox:hover { background-image:url(../image/bg-list_1004_abox-1-1.jpg);}
.list_1004 ul li .abox:hover .textbox .text_item_1 { color:#ffffff; font-weight:bold;}
.list_1004 ul li .abox:hover .textbox .text_item_2 .text_1 { color:#c8d8f9;}
.list_1004 ul li .abox:hover .textbox .text_item_2 .text_1 .cor2 { color:#ffffff;}
.list_1004 ul li .abox:hover .textbox .text_item_3 { background-color:#ffffff;}
.list_1004 ul li .abox:hover .textbox .text_item_3 .text_1,
.list_1004 ul li .abox:hover .textbox .text_item_3 .text_2 { color:#4c75d4;}
/*act*/

			/*搜索结果  c1011_item_3*/
.list_1005 {}
.list_1005 ul {}
.list_1005 ul li {}
.list_1005 ul li+li { border-top:1px dashed #e5e5e5;}
.list_1005 ul li.bor_t { border-top:1px solid #dcdcdc;}
.list_1005 ul li .abox { display:block; position:relative;}
.list_1005 ul li .abox .text_item_1 { color:#333333; font-size:16px; line-height:60px; margin-right:140px;}
.list_1005 ul li .abox .text_item_1 .cor2 { color:#c21818;}
.list_1005 ul li .abox .text_item_2 { color:#999999; font-size:12px; line-height:60px; position:absolute; right:0; top:0;}
/*act*/
.list_1005 ul li .abox:hover .text_item_1 { color:#3770d3; text-decoration:underline;}
.list_1005 ul li .abox:hover .text_item_1 .cor2 { text-decoration:none;}
/*act*/


			/*文章详情*/
.article_01 { color:#393939; font-size:16px; line-height:36px;}
.article_01 p+p { margin-top:36px;}
.article_01 img { max-width:100%;}
.dymap img { max-width: none;}














